<!--<template>-->
<!--  <div class="body">-->
<!--    <div class="body_main">-->
<!--      <el-breadcrumb separator="/">-->
<!--        <el-breadcrumb-item>-->
<!--          <a @click.stop="goBackCalalogue">-->
<!--            <el-button-->
<!--              icon="el-icon-arrow-left"-->
<!--              size="mini"-->
<!--              circle-->
<!--              style="margin-right: 12px"-->
<!--            ></el-button>-->
<!--            数据目录管理-->
<!--          </a>-->
<!--        </el-breadcrumb-item>-->
<!--        <el-breadcrumb-item-->
<!--          style="height: 28px; line-height: 28px"-->
<!--        >-->
<!--          数据配置-->
<!--        </el-breadcrumb-item>-->
<!--        <el-breadcrumb-item-->
<!--          style="height: 28px; line-height: 28px"-->
<!--          >{{ configName }}-->
<!--        </el-breadcrumb-item>-->
<!--      </el-breadcrumb>-->
<!--      <div class="line"></div>-->
<!--      <div class="config_info_tab">-->
<!--        <el-radio-group-->
<!--          v-model="defaultTab"-->
<!--          @change="changeTab"-->
<!--        >-->
<!--          <el-radio-button label="appendix"-->
<!--            >附件资料-->
<!--          </el-radio-button>-->
<!--          <el-radio-button label="photo"-->
<!--            >图片-->
<!--          </el-radio-button>-->
<!--        </el-radio-group>-->
<!--        &lt;!&ndash;        <div class='buttons'>&ndash;&gt;-->
<!--        &lt;!&ndash;          <el-button v-if='!configAppendixShow' @click='saveAll'>保存</el-button>&ndash;&gt;-->
<!--        &lt;!&ndash;        </div>&ndash;&gt;-->
<!--      </div>-->
<!--      <div-->
<!--        class="config_appendix"-->
<!--        v-if="configAppendixShow"-->
<!--      >-->
<!--        <div class="config_appendix_top">-->
<!--          <div class="config_appendix_title"></div>-->
<!--          <div class="config_appendix_control">-->
<!--            <i-->
<!--              @click.stop="appendixInfoDelete"-->
<!--              class="el-icon-delete"-->
<!--              style="-->
<!--                font-size: 20px;-->
<!--                float: right;-->
<!--                margin-right: 20px;-->
<!--                color: #ff5b5b;-->
<!--                line-height: 36px;-->
<!--              "-->
<!--            ></i>-->
<!--            &lt;!&ndash;            <i&ndash;&gt;-->
<!--            &lt;!&ndash;              @click.stop='appendixInfoEdit'&ndash;&gt;-->
<!--            &lt;!&ndash;              class='el-icon-edit-outline'&ndash;&gt;-->
<!--            &lt;!&ndash;              style='&ndash;&gt;-->
<!--            &lt;!&ndash;                font-size: 24px;&ndash;&gt;-->
<!--            &lt;!&ndash;                float: right;&ndash;&gt;-->
<!--            &lt;!&ndash;                margin-right: 10px;&ndash;&gt;-->
<!--            &lt;!&ndash;                color: #00baff;&ndash;&gt;-->
<!--            &lt;!&ndash;                line-height: 36px;&ndash;&gt;-->
<!--            &lt;!&ndash;              '&ndash;&gt;-->
<!--            &lt;!&ndash;            ></i>&ndash;&gt;-->
<!--            <i-->
<!--              @click.stop="appendixInfoAdd"-->
<!--              class="el-icon-circle-plus-outline"-->
<!--              style="-->
<!--                font-size: 20px;-->
<!--                float: right;-->
<!--                margin-right: 10px;-->
<!--                color: #00baff;-->
<!--                line-height: 36px;-->
<!--              "-->
<!--            ></i>-->
<!--          </div>-->
<!--        </div>-->
<!--        <div class="config_appendix_content">-->
<!--          <el-table-->
<!--            border-->
<!--            ref="multipleTable"-->
<!--            :data="appendixInfo"-->
<!--            tooltip-effect="dark"-->
<!--            style="width: 100%"-->
<!--            max-height="600"-->
<!--            :header-cell-style="{ background: '#f2f6f8' }"-->
<!--            :row-class-name="rowClassName"-->
<!--            @selection-change="appendixInfoSelectionChange"-->
<!--          >-->
<!--            <el-table-column-->
<!--              width="50"-->
<!--              type="selection"-->
<!--              header-show="false"-->
<!--              align="center"-->
<!--            >-->
<!--            </el-table-column>-->
<!--            <el-table-column-->
<!--              label="排序"-->
<!--              align="center"-->
<!--              show-overflow-tooltip-->
<!--              width="80"-->
<!--            >-->
<!--              <template slot-scope="scope">-->
<!--                {{ scope.$index + 1 }}-->
<!--              </template>-->
<!--            </el-table-column>-->
<!--            <el-table-column-->
<!--              label="所属阶段"-->
<!--              header-align="center"-->
<!--            >-->
<!--              <template slot-scope="scope">-->
<!--                &lt;!&ndash;                <el-input&ndash;&gt;-->
<!--                &lt;!&ndash;                  v-model='scope.row.stage'&ndash;&gt;-->
<!--                &lt;!&ndash;                  type='text'&ndash;&gt;-->
<!--                &lt;!&ndash;                  placeholder=''&ndash;&gt;-->
<!--                &lt;!&ndash;                />&ndash;&gt;-->
<!--                <el-select-->
<!--                  v-model="scope.row.stage"-->
<!--                  filterable-->
<!--                  allow-create-->
<!--                  @blur="blurUsername(scope.row, $event)"-->
<!--                  :disabled="scope.row.disabled"-->
<!--                  default-first-option-->
<!--                  placeholder="请选择所属阶段"-->
<!--                >-->
<!--                  <el-option-->
<!--                    v-for="item in stageList"-->
<!--                    :key="item.value"-->
<!--                    :label="item.label"-->
<!--                    :value="item.value"-->
<!--                  >-->
<!--                  </el-option>-->
<!--                </el-select>-->
<!--              </template>-->
<!--            </el-table-column>-->
<!--            <el-table-column-->
<!--              label="阶段节点"-->
<!--              header-align="center"-->
<!--              show-overflow-tooltip-->
<!--            >-->
<!--              <template slot-scope="scope">-->
<!--                &lt;!&ndash;                <el-input&ndash;&gt;-->
<!--                &lt;!&ndash;                  v-model='scope.row.stageNode'&ndash;&gt;-->
<!--                &lt;!&ndash;                  type='text'&ndash;&gt;-->
<!--                &lt;!&ndash;                  placeholder=''&ndash;&gt;-->
<!--                &lt;!&ndash;                >&ndash;&gt;-->
<!--                <el-select-->
<!--                  v-model="scope.row.stageNode"-->
<!--                  filterable-->
<!--                  allow-create-->
<!--                  :disabled="scope.row.disabled"-->
<!--                  default-first-option-->
<!--                  @blur="stageBlur(scope.row, $event)"-->
<!--                  @visible-change="-->
<!--                    getStageNodeList(scope.row, $event)-->
<!--                  "-->
<!--                  placeholder="请选择阶段节点"-->
<!--                >-->
<!--                  <el-option-->
<!--                    v-for="item in stageNodeList"-->
<!--                    :key="item.value"-->
<!--                    :label="item.label"-->
<!--                    :value="item.value"-->
<!--                  >-->
<!--                  </el-option>-->
<!--                </el-select>-->
<!--                &lt;!&ndash;                </el-input>&ndash;&gt;-->
<!--              </template>-->
<!--            </el-table-column>-->
<!--            <el-table-column-->
<!--              label="附件名称"-->
<!--              header-align="center"-->
<!--              show-overflow-tooltip-->
<!--            >-->
<!--              <template slot-scope="scope">-->
<!--                <el-input-->
<!--                  v-model="scope.row.appendixName"-->
<!--                  type="text"-->
<!--                  :disabled="scope.row.disabled"-->
<!--                  placeholder=""-->
<!--                />-->
<!--              </template>-->
<!--            </el-table-column>-->
<!--            <el-table-column-->
<!--              label="上传时间"-->
<!--              header-align="center"-->
<!--              show-overflow-tooltip-->
<!--            >-->
<!--              <template slot-scope="scope">-->
<!--                <el-input-->
<!--                  v-model="scope.row.uploadTime"-->
<!--                  type="text"-->
<!--                  disabled-->
<!--                  placeholder=""-->
<!--                />-->
<!--              </template>-->
<!--            </el-table-column>-->
<!--            <el-table-column-->
<!--              label="附件"-->
<!--              header-align="center"-->
<!--              show-overflow-tooltip-->
<!--            >-->
<!--              <template slot-scope="scope">-->
<!--                <el-button-->
<!--                  v-model="scope.row.appendix"-->
<!--                  type="text"-->
<!--                  :disabled="!scope.row.fileId"-->
<!--                  @click="downloadFile(scope.row)"-->
<!--                  style="margin-left: 12px"-->
<!--                  >{{ scope.row.appendix }}-->
<!--                </el-button>-->
<!--              </template>-->
<!--            </el-table-column>-->
<!--            <el-table-column-->
<!--              label="操作"-->
<!--              header-align="center"-->
<!--            >-->
<!--              <template slot-scope="scope">-->
<!--                <el-button-->
<!--                  type="text"-->
<!--                  v-show="scope.row.disabled"-->
<!--                  @click="appendixInfoEdit(scope.row)"-->
<!--                  style="-->
<!--                    color: #00baff;-->
<!--                    font-weight: 400;-->
<!--                    margin-left: 12px;-->
<!--                  "-->
<!--                  >编辑-->
<!--                </el-button>-->
<!--                <el-button-->
<!--                  type="text"-->
<!--                  v-show="!scope.row.disabled"-->
<!--                  @click="uploadAppendixPhoto(scope.row)"-->
<!--                  style="color: #00baff; font-weight: 400"-->
<!--                  >上传-->
<!--                </el-button>-->
<!--                <el-button-->
<!--                  type="text"-->
<!--                  v-show="!scope.row.disabled"-->
<!--                  :disabled="isDisable"-->
<!--                  @click="saveAppendixPhoto(scope.row)"-->
<!--                  style="color: #00baff; font-weight: 400"-->
<!--                  >保存-->
<!--                </el-button>-->
<!--                <el-button-->
<!--                  type="text"-->
<!--                  v-show="-->
<!--                    !scope.row.disabled && scope.row.pkid-->
<!--                  "-->
<!--                  :disabled="isDisable"-->
<!--                  @click="-->
<!--                    cancelAppendixPhotoEdit(scope.row)-->
<!--                  "-->
<!--                  style="color: #00baff; font-weight: 400"-->
<!--                  >取消编辑-->
<!--                </el-button>-->
<!--              </template>-->
<!--            </el-table-column>-->
<!--          </el-table>-->
<!--        </div>-->
<!--      </div>-->
<!--      <div-->
<!--        class="config_appendix"-->
<!--        v-if="!configAppendixShow"-->
<!--      >-->
<!--        &lt;!&ndash;        <div class='upload-type'>&ndash;&gt;-->
<!--        &lt;!&ndash;          <el-radio v-model='uploadTypeRadio' label='single'&ndash;&gt;-->
<!--        &lt;!&ndash;          >单图&ndash;&gt;-->
<!--        &lt;!&ndash;          </el-radio&ndash;&gt;-->
<!--        &lt;!&ndash;          >&ndash;&gt;-->
<!--        &lt;!&ndash;          <el-radio v-model='uploadTypeRadio' label='relate'&ndash;&gt;-->
<!--        &lt;!&ndash;          >关联图&ndash;&gt;-->
<!--        &lt;!&ndash;          </el-radio&ndash;&gt;-->
<!--        &lt;!&ndash;          >&ndash;&gt;-->
<!--        &lt;!&ndash;        </div>&ndash;&gt;-->
<!--        <div v-if="singleUploadShow">-->
<!--          <div class="config_appendix">-->
<!--            <div class="config_appendix_top">-->
<!--              <div class="config_appendix_title">-->
<!--                <div-->
<!--                  class="config_appendix_title_left"-->
<!--                ></div>-->
<!--                单图上传-->
<!--              </div>-->
<!--              <div class="config_appendix_control">-->
<!--                <i-->
<!--                  @click.stop="singlePhotoDelete"-->
<!--                  class="el-icon-delete"-->
<!--                  style="-->
<!--                    font-size: 24px;-->
<!--                    float: right;-->
<!--                    margin-right: 20px;-->
<!--                    color: #ff5b5b;-->
<!--                    line-height: 36px;-->
<!--                  "-->
<!--                ></i-->
<!--                ><i-->
<!--                  @click.stop="singlePhotoAdd"-->
<!--                  class="el-icon-circle-plus-outline"-->
<!--                  style="-->
<!--                    font-size: 24px;-->
<!--                    float: right;-->
<!--                    margin-right: 10px;-->
<!--                    color: #00baff;-->
<!--                    line-height: 36px;-->
<!--                  "-->
<!--                ></i>-->
<!--              </div>-->
<!--            </div>-->
<!--            <div class="config_appendix_content">-->
<!--              <el-table-->
<!--                border-->
<!--                ref="multipleTable"-->
<!--                :data="singlePhotoInfo"-->
<!--                tooltip-effect="dark"-->
<!--                style="width: 100%"-->
<!--                max-height="600"-->
<!--                :header-cell-style="{-->
<!--                  background: '#f2f6f8'-->
<!--                }"-->
<!--                :row-class-name="rowClassName"-->
<!--                @selection-change="-->
<!--                  singlePhotoInfoSelectionChange-->
<!--                "-->
<!--              >-->
<!--                <el-table-column-->
<!--                  width="50"-->
<!--                  type="selection"-->
<!--                  header-show="false"-->
<!--                  align="center"-->
<!--                >-->
<!--                </el-table-column>-->
<!--                <el-table-column-->
<!--                  label="序号"-->
<!--                  align="center"-->
<!--                  show-overflow-tooltip-->
<!--                  width="80"-->
<!--                >-->
<!--                  <template slot-scope="scope">-->
<!--                    {{ scope.$index + 1 }}-->
<!--                  </template>-->
<!--                </el-table-column>-->
<!--                <el-table-column-->
<!--                  label="图片类型"-->
<!--                  header-align="center"-->
<!--                >-->
<!--                  <template slot-scope="scope">-->
<!--                    <el-input-->
<!--                      v-model="scope.row.photoType"-->
<!--                      type="text"-->
<!--                      :disabled="scope.row.disabled"-->
<!--                      placeholder=""-->
<!--                    />-->
<!--                  </template>-->
<!--                </el-table-column>-->
<!--                <el-table-column-->
<!--                  label="图片说明"-->
<!--                  header-align="center"-->
<!--                  show-overflow-tooltip-->
<!--                >-->
<!--                  <template slot-scope="scope">-->
<!--                    <el-input-->
<!--                      v-model="scope.row.photoIntro"-->
<!--                      type="text"-->
<!--                      :disabled="scope.row.disabled"-->
<!--                      placeholder=""-->
<!--                    />-->
<!--                  </template>-->
<!--                </el-table-column>-->
<!--                <el-table-column-->
<!--                  label="图片日期"-->
<!--                  header-align="center"-->
<!--                  show-overflow-tooltip-->
<!--                >-->
<!--                  <template slot-scope="scope">-->
<!--                    &lt;!&ndash;                    <el-input&ndash;&gt;-->
<!--                    &lt;!&ndash;                      v-model='scope.row.photoTime'&ndash;&gt;-->
<!--                    &lt;!&ndash;                      type='text'&ndash;&gt;-->
<!--                    &lt;!&ndash;                      :disabled='scope.row.disabled'&ndash;&gt;-->
<!--                    &lt;!&ndash;                      placeholder=''&ndash;&gt;-->
<!--                    &lt;!&ndash;                    />&ndash;&gt;-->
<!--                    <div class="block">-->
<!--                      <el-date-picker-->
<!--                        v-model="scope.row.photoTime"-->
<!--                        align="right"-->
<!--                        type="date"-->
<!--                        value-format="yyyy-MM-dd"-->
<!--                        style="width: 100%"-->
<!--                        :disabled="scope.row.disabled"-->
<!--                        placeholder="选择日期"-->
<!--                        :picker-options="pickerOptions"-->
<!--                      >-->
<!--                      </el-date-picker>-->
<!--                    </div>-->
<!--                  </template>-->
<!--                </el-table-column>-->
<!--                <el-table-column-->
<!--                  label="上传时间"-->
<!--                  header-align="center"-->
<!--                  show-overflow-tooltip-->
<!--                >-->
<!--                  <template slot-scope="scope">-->
<!--                    <el-input-->
<!--                      v-model="scope.row.uploadTime"-->
<!--                      type="text"-->
<!--                      placeholder=""-->
<!--                      disabled-->
<!--                    />-->
<!--                  </template>-->
<!--                </el-table-column>-->
<!--                <el-table-column-->
<!--                  label="图片"-->
<!--                  header-align="center"-->
<!--                  show-overflow-tooltip-->
<!--                >-->
<!--                  <template slot-scope="scope">-->
<!--                    <el-input-->
<!--                      v-model="scope.row.photo"-->
<!--                      type="text"-->
<!--                      disabled-->
<!--                      placeholder=""-->
<!--                    />-->
<!--                  </template>-->
<!--                </el-table-column>-->
<!--                <el-table-column-->
<!--                  label="操作"-->
<!--                  header-align="center"-->
<!--                >-->
<!--                  <template slot-scope="scope">-->
<!--                    <el-button-->
<!--                      type="text"-->
<!--                      v-show="scope.row.disabled"-->
<!--                      @click="-->
<!--                        singlePhotoInfoEdit(scope.row)-->
<!--                      "-->
<!--                      style="-->
<!--                        color: #00baff;-->
<!--                        font-weight: 400;-->
<!--                        margin-left: 12px;-->
<!--                      "-->
<!--                      >编辑-->
<!--                    </el-button>-->
<!--                    <el-button-->
<!--                      type="text"-->
<!--                      @click="uploadSinglePhoto(scope.row)"-->
<!--                      v-show="!scope.row.disabled"-->
<!--                      style="-->
<!--                        color: #00baff;-->
<!--                        font-weight: 400;-->
<!--                      "-->
<!--                      >上传-->
<!--                    </el-button>-->
<!--                    <el-button-->
<!--                      type="text"-->
<!--                      v-show="!scope.row.disabled"-->
<!--                      :disabled="isDisable"-->
<!--                      @click="saveSinglePhoto(scope.row)"-->
<!--                      style="-->
<!--                        color: #00baff;-->
<!--                        font-weight: 400;-->
<!--                      "-->
<!--                      >保存-->
<!--                    </el-button>-->
<!--                  </template>-->
<!--                </el-table-column>-->
<!--              </el-table>-->
<!--            </div>-->
<!--          </div>-->
<!--        </div>-->
<!--        <div v-else>-->
<!--          <div class="config_appendix">-->
<!--            <div class="config_appendix_top">-->
<!--              <div class="config_appendix_title">-->
<!--                <div-->
<!--                  class="config_appendix_title_left"-->
<!--                ></div>-->
<!--                &lt;!&ndash;                关联图上传&ndash;&gt;-->
<!--              </div>-->
<!--              <div class="config_appendix_control">-->
<!--                <i-->
<!--                  @click.stop="relatePhotoDelete"-->
<!--                  class="el-icon-delete"-->
<!--                  style="-->
<!--                    font-size: 20px;-->
<!--                    float: right;-->
<!--                    margin-right: 20px;-->
<!--                    color: #ff5b5b;-->
<!--                    line-height: 36px;-->
<!--                  "-->
<!--                >-->
<!--                </i-->
<!--                ><i-->
<!--                  @click.stop="relatePhotoAdd"-->
<!--                  class="el-icon-circle-plus-outline"-->
<!--                  style="-->
<!--                    font-size: 20px;-->
<!--                    float: right;-->
<!--                    margin-right: 10px;-->
<!--                    color: #00baff;-->
<!--                    line-height: 36px;-->
<!--                  "-->
<!--                ></i>-->
<!--              </div>-->
<!--            </div>-->
<!--            <div class="config_appendix_content">-->
<!--              <el-table style="display: none"></el-table>-->
<!--              <el-table-->
<!--                border-->
<!--                ref="multipleTable"-->
<!--                row-key="id"-->
<!--                :data="relatePhotoInfo"-->
<!--                tooltip-effect="dark"-->
<!--                style="width: 100%; margin-bottom: 20px"-->
<!--                max-height="600"-->
<!--                default-expand-all-->
<!--                :header-cell-style="{-->
<!--                  background: '#f2f6f8'-->
<!--                }"-->
<!--                :row-class-name="rowClassName"-->
<!--                :tree-props="{-->
<!--                  children: 'children',-->
<!--                  hasChildren: 'hasChildren'-->
<!--                }"-->
<!--                @expand-change="expandChange"-->
<!--                @selection-change="-->
<!--                  relatePhotoInfoSelectionChange-->
<!--                "-->
<!--              >-->
<!--                <el-table-column-->
<!--                  width="50"-->
<!--                  type="selection"-->
<!--                  header-show="false"-->
<!--                  align="center"-->
<!--                >-->
<!--                </el-table-column>-->
<!--                <el-table-column-->
<!--                  prop="id"-->
<!--                  label="序号"-->
<!--                  align="center"-->
<!--                  width="80"-->
<!--                >-->
<!--                  <template slot-scope="scope">-->
<!--                    {{ scope.$index + 1 }}-->
<!--                  </template>-->
<!--                </el-table-column>-->
<!--                <el-table-column-->
<!--                  label="图片类型"-->
<!--                  header-align="center"-->
<!--                >-->
<!--                  <template slot-scope="scope">-->
<!--                    &lt;!&ndash;                    <el-input&ndash;&gt;-->
<!--                    &lt;!&ndash;                      v-model='scope.row.photoType'&ndash;&gt;-->
<!--                    &lt;!&ndash;                      type='text'&ndash;&gt;-->
<!--                    &lt;!&ndash;                      :disabled='scope.row.disabled'&ndash;&gt;-->
<!--                    &lt;!&ndash;                      placeholder=''&ndash;&gt;-->
<!--                    &lt;!&ndash;                    />&ndash;&gt;-->
<!--                    <el-select-->
<!--                      v-model="scope.row.photoType"-->
<!--                      filterable-->
<!--                      allow-create-->
<!--                      @change="-->
<!--                        photoTypeChangeHandler(-->
<!--                          scope.row,-->
<!--                          $event-->
<!--                        )-->
<!--                      "-->
<!--                      @blur="-->
<!--                        photoTypeBlue(scope.row, $event)-->
<!--                      "-->
<!--                      :disabled="scope.row.disabled"-->
<!--                      default-first-option-->
<!--                      placeholder="请选择图片类型"-->
<!--                    >-->
<!--                      <el-option-->
<!--                        v-for="item in photoTypeList"-->
<!--                        :key="item.value"-->
<!--                        :label="item.label"-->
<!--                        :value="item.value"-->
<!--                      >-->
<!--                      </el-option>-->
<!--                    </el-select>-->
<!--                  </template>-->
<!--                </el-table-column>-->
<!--                <el-table-column-->
<!--                  label="图片说明"-->
<!--                  header-align="center"-->
<!--                  show-overflow-tooltip-->
<!--                >-->
<!--                  <template slot-scope="scope">-->
<!--                    <el-input-->
<!--                      v-model="scope.row.photoIntro"-->
<!--                      type="text"-->
<!--                      :disabled="scope.row.disabled"-->
<!--                      placeholder=""-->
<!--                    />-->
<!--                  </template>-->
<!--                </el-table-column>-->
<!--                <el-table-column-->
<!--                  label="图片日期"-->
<!--                  header-align="center"-->
<!--                  show-overflow-tooltip-->
<!--                >-->
<!--                  <template slot-scope="scope">-->
<!--                    &lt;!&ndash;                    <el-input&ndash;&gt;-->
<!--                    &lt;!&ndash;                      v-model='scope.row.photoTime'&ndash;&gt;-->
<!--                    &lt;!&ndash;                      type='text'&ndash;&gt;-->
<!--                    &lt;!&ndash;                      :disabled='scope.row.disabled'&ndash;&gt;-->
<!--                    &lt;!&ndash;                      placeholder=''&ndash;&gt;-->
<!--                    &lt;!&ndash;                    />&ndash;&gt;-->
<!--                    <div class="block">-->
<!--                      <el-date-picker-->
<!--                        v-model="scope.row.photoTime"-->
<!--                        align="right"-->
<!--                        type="date"-->
<!--                        value-format="yyyy-MM-dd"-->
<!--                        style="width: 100%"-->
<!--                        :disabled="scope.row.disabled"-->
<!--                        placeholder="选择日期"-->
<!--                      >-->
<!--                      </el-date-picker>-->
<!--                    </div>-->
<!--                  </template>-->
<!--                </el-table-column>-->
<!--                <el-table-column-->
<!--                  label="上传时间"-->
<!--                  header-align="center"-->
<!--                  show-overflow-tooltip-->
<!--                >-->
<!--                  <template slot-scope="scope">-->
<!--                    <el-input-->
<!--                      v-model="scope.row.uploadTime"-->
<!--                      type="text"-->
<!--                      placeholder=""-->
<!--                      disabled-->
<!--                    />-->
<!--                  </template>-->
<!--                </el-table-column>-->
<!--                <el-table-column-->
<!--                  label="附件"-->
<!--                  header-align="center"-->
<!--                  show-overflow-tooltip-->
<!--                >-->
<!--                  <template slot-scope="scope">-->
<!--                    &lt;!&ndash;                    <el-input&ndash;&gt;-->
<!--                    &lt;!&ndash;                      v-model='scope.row.appendix'&ndash;&gt;-->
<!--                    &lt;!&ndash;                      type='text'&ndash;&gt;-->
<!--                    &lt;!&ndash;                      disabled&ndash;&gt;-->
<!--                    &lt;!&ndash;                      placeholder=''&ndash;&gt;-->
<!--                    &lt;!&ndash;                    />&ndash;&gt;-->
<!--                    <el-button-->
<!--                      v-model="scope.row.appendix"-->
<!--                      type="text"-->
<!--                      :disabled="!scope.row.fileId"-->
<!--                      @click="downloadFile(scope.row)"-->
<!--                      style="margin-left: 12px"-->
<!--                      >{{ scope.row.appendix }}-->
<!--                    </el-button>-->
<!--                  </template>-->
<!--                </el-table-column>-->
<!--                <el-table-column-->
<!--                  label="操作"-->
<!--                  header-align="center"-->
<!--                >-->
<!--                  <template slot-scope="scope">-->
<!--                    <el-button-->
<!--                      type="text"-->
<!--                      v-show="scope.row.disabled"-->
<!--                      @click="relatePhotoEdit(scope.row)"-->
<!--                      style="-->
<!--                        color: #00baff;-->
<!--                        font-weight: 400;-->
<!--                        margin-left: 12px;-->
<!--                      "-->
<!--                      >编辑-->
<!--                    </el-button>-->
<!--                    <el-button-->
<!--                      type="text"-->
<!--                      v-show="!scope.row.disabled"-->
<!--                      @click="uploadRelatePhoto(scope.row)"-->
<!--                      style="-->
<!--                        color: #00baff;-->
<!--                        font-weight: 400;-->
<!--                      "-->
<!--                      >上传-->
<!--                    </el-button>-->
<!--                    <el-button-->
<!--                      type="text"-->
<!--                      v-show="-->
<!--                        scope.row.children &&-->
<!--                        !scope.row.disabled &&-->
<!--                        scope.row.pkid-->
<!--                      "-->
<!--                      @click="addRelatePhoto(scope.row)"-->
<!--                      style="-->
<!--                        color: #00baff;-->
<!--                        font-weight: 400;-->
<!--                        margin-left: 4px;-->
<!--                      "-->
<!--                      >增加关联图-->
<!--                    </el-button>-->
<!--                    <el-button-->
<!--                      type="text"-->
<!--                      v-show="!scope.row.disabled"-->
<!--                      :disabled="isDisable"-->
<!--                      @click="saveRelatePhoto(scope.row)"-->
<!--                      style="-->
<!--                        color: #00baff;-->
<!--                        font-weight: 400;-->
<!--                      "-->
<!--                      >保存-->
<!--                    </el-button>-->
<!--                    <el-button-->
<!--                      type="text"-->
<!--                      v-show="-->
<!--                        !scope.row.disabled &&-->
<!--                        scope.row.pkid-->
<!--                      "-->
<!--                      :disabled="isDisable"-->
<!--                      @click="-->
<!--                        cancelRelatePhotoEdit(scope.row)-->
<!--                      "-->
<!--                      style="-->
<!--                        color: #00baff;-->
<!--                        font-weight: 400;-->
<!--                      "-->
<!--                      >取消编辑-->
<!--                    </el-button>-->
<!--                  </template>-->
<!--                </el-table-column>-->
<!--              </el-table>-->
<!--            </div>-->
<!--          </div>-->
<!--        </div>-->
<!--      </div>-->
<!--    </div>-->
<!--  </div>-->
<!--</template>-->

<!--<script>-->
<!--import Icon from '@/components/icon'-->
<!--import {-->
<!--  queryAttachmentList,-->
<!--  addAttachment,-->
<!--  addPicture,-->
<!--  deleteAttachment,-->
<!--  deletePicture,-->
<!--  queryAllPicture,-->
<!--  updateAttachment,-->
<!--  updatePicture,-->
<!--  queryDistinctStage,-->
<!--  queryDistinctNode,-->
<!--  queryDistinctPictureType-->
<!--} from '@/api/multiple-dataservice'-->
<!--import {-->
<!--  noticeFileUpload,-->
<!--  noticeFileDownload-->
<!--} from '@/api/wisdomBuild'-->

<!--export default {-->
<!--  name: 'catalogueAllocation',-->
<!--  components: {-->
<!--    Icon-->
<!--  },-->
<!--  data() {-->
<!--    return {-->
<!--      appendixInfoCanBeEdited: true,-->
<!--      singleInfoCanBeEdited: true,-->
<!--      relatePhotoCanBeEdited: true,-->
<!--      pickerOptions: {-->
<!--        disabledDate(time) {-->
<!--          return time.getTime() > Date.now()-->
<!--        },-->
<!--        shortcuts: [-->
<!--          {-->
<!--            text: '今天',-->
<!--            onClick(picker) {-->
<!--              picker.$emit('pick', new Date())-->
<!--            }-->
<!--          },-->
<!--          {-->
<!--            text: '昨天',-->
<!--            onClick(picker) {-->
<!--              const date = new Date()-->
<!--              date.setTime(-->
<!--                date.getTime() - 3600 * 1000 * 24-->
<!--              )-->
<!--              picker.$emit('pick', date)-->
<!--            }-->
<!--          },-->
<!--          {-->
<!--            text: '一周前',-->
<!--            onClick(picker) {-->
<!--              const date = new Date()-->
<!--              date.setTime(-->
<!--                date.getTime() - 3600 * 1000 * 24 * 7-->
<!--              )-->
<!--              picker.$emit('pick', date)-->
<!--            }-->
<!--          }-->
<!--        ]-->
<!--      },-->
<!--      stageList: [],-->
<!--      isDisable: false,-->
<!--      stageNodeList: [],-->
<!--      photoTypeList: [],-->
<!--      appendixInfo: [],-->
<!--      singlePhotoInfo: [],-->

<!--      relatePhotoInfo: [],-->
<!--      appendixInfoDeleteIds: [],-->
<!--      singlePhotoDeleteIds: [],-->
<!--      relatePhotoDeleteIds: [],-->
<!--      configName: '',-->
<!--      defaultTab: 'appendix',-->
<!--      configAppendixShow: true,-->
<!--      singleUploadShow: false,-->
<!--      uploadTypeRadio: 'relate'-->
<!--    }-->
<!--  },-->
<!--  watch: {-->
<!--    uploadTypeRadio() {-->
<!--      this.singleUploadShow = !this.singleUploadShow-->
<!--    }-->
<!--  },-->
<!--  mounted() {-->
<!--    this.dataConfigInfo = JSON.parse(-->
<!--      localStorage.getItem('dataServiceWithValue')-->
<!--    )-->
<!--    console.log(this.dataConfigInfo)-->
<!--    this.initAttachmentList()-->
<!--    this.initPictureList()-->
<!--    this.configAppendixShow = /^true$/i.test(-->
<!--      localStorage.getItem('configAppendixShow') || 'true'-->
<!--    )-->
<!--    // console.log(this.configAppendixShow)-->
<!--    if (!this.configAppendixShow) {-->
<!--      this.defaultTab = 'photo'-->
<!--    }-->
<!--    // this.configName = this.dataConfigInfo.propertyName1-->
<!--  },-->
<!--  methods: {-->
<!--    initAttachmentList() {-->
<!--      this.serviceDataId = this.dataConfigInfo.pkid-->
<!--      const serviceDataId = this.serviceDataId-->
<!--      this.serviceAttributeValue =-->
<!--        this.dataConfigInfo.attributeValue-->
<!--      const serviceAttributeValue =-->
<!--        this.serviceAttributeValue-->
<!--      queryDistinctStage({-->
<!--        serviceAttributeValue,-->
<!--        serviceDataId-->
<!--      }).then((res) => {-->
<!--        console.log(res)-->
<!--        const list = []-->
<!--        res.data.forEach((item) => {-->
<!--          list.push({-->
<!--            value: item,-->
<!--            label: item-->
<!--          })-->
<!--        })-->
<!--        this.stageList = list-->
<!--      })-->

<!--      queryAttachmentList({-->
<!--        serviceDataId,-->
<!--        serviceAttributeValue-->
<!--      }).then((res) => {-->
<!--        if (res.success) {-->
<!--          const appendixInfo = []-->

<!--          res.data.forEach((val) => {-->
<!--            // let children = []-->
<!--            // const str =-->
<!--            //   'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ'-->
<!--            // let result = ''-->
<!--            // for (let i = 6; i > 0; &#45;&#45;i) {-->
<!--            //   result +=-->
<!--            //     str[Math.floor(Math.random() * str.length)]-->
<!--            // }-->
<!--            // if (val.children.length) {-->
<!--            //   val.children.forEach((item, index) => {-->
<!--            //     children.push({-->
<!--            //       id: result + index,-->
<!--            //       pkid: item.pkid,-->
<!--            //       stage: item.stage,-->
<!--            //       stageNode: item.parentStageId,-->
<!--            //       appendixName: item.attachmentName,-->
<!--            //       uploadTime: item.createTime,-->
<!--            //       appendix: item.attachmentName-->
<!--            //     })-->
<!--            //   })-->
<!--            // }-->

<!--            appendixInfo.push({-->
<!--              pkid: val.pkid,-->
<!--              stage: val.stage,-->
<!--              fileId: val.fileId,-->
<!--              stageNode: val.parentStageId,-->
<!--              appendixName: val.attachmentName,-->
<!--              uploadTime: val.createTime,-->
<!--              appendix: val.fileName,-->
<!--              disabled: true-->
<!--            })-->
<!--          })-->
<!--          this.appendixInfo = appendixInfo-->
<!--        }-->
<!--      })-->
<!--    },-->
<!--    initPictureList() {-->
<!--      const serviceDataId = this.serviceDataId-->
<!--      const serviceAttributeValue =-->
<!--        this.serviceAttributeValue-->
<!--      queryDistinctPictureType({-->
<!--        serviceAttributeValue,-->
<!--        serviceDataId-->
<!--      }).then((res) => {-->
<!--        console.log(res)-->
<!--        const list = []-->
<!--        res.data.forEach((item) => {-->
<!--          list.push({-->
<!--            value: item.nodeName,-->
<!--            label: item.nodeName-->
<!--          })-->
<!--        })-->
<!--        this.photoTypeList = list-->
<!--      })-->

<!--      queryAllPicture({-->
<!--        serviceDataId,-->
<!--        serviceAttributeValue-->
<!--      }).then((res) => {-->
<!--        if (res.success) {-->
<!--          const photoInfo = []-->
<!--          res.data.forEach((val) => {-->
<!--            const children = []-->
<!--            const str =-->
<!--              'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ'-->
<!--            let result = ''-->
<!--            for (let i = 6; i > 0; &#45;&#45;i) {-->
<!--              result +=-->
<!--                str[Math.floor(Math.random() * str.length)]-->
<!--            }-->
<!--            if (val.children.length) {-->
<!--              val.children.forEach((item, index) => {-->
<!--                children.push({-->
<!--                  id: result + index,-->
<!--                  pkid: item.pkid,-->
<!--                  fileId: item.fileId,-->
<!--                  parentId: item.parentId,-->
<!--                  photoType: item.pictureType,-->
<!--                  photoIntro: item.introduction,-->
<!--                  photoTime: item.pictureTime,-->
<!--                  uploadTime: item.createTime,-->
<!--                  appendix: item.fileName,-->
<!--                  disabled: true-->
<!--                })-->
<!--              })-->
<!--            }-->
<!--            photoInfo.push({-->
<!--              id: result,-->
<!--              pkid: val.pkid,-->
<!--              fileId: val.fileId,-->
<!--              parentId: val.parentId,-->
<!--              photoType: val.pictureType,-->
<!--              photoIntro: val.introduction,-->
<!--              photoTime: val.pictureTime,-->
<!--              uploadTime: val.createTime,-->
<!--              appendix: val.fileName,-->
<!--              children: children,-->
<!--              photo: val.fileName,-->
<!--              disabled: true-->
<!--            })-->
<!--          })-->
<!--          this.singlePhotoInfo = photoInfo-->
<!--          this.relatePhotoInfo = photoInfo-->
<!--          // this.uploadTypeRadio= 'single'-->
<!--          // this.singleUploadShow= true-->
<!--        }-->
<!--      })-->
<!--    },-->
<!--    goBackCalalogue() {-->
<!--      this.$router.back()-->
<!--    },-->
<!--    // 简单构造出防抖大致框架-->
<!--    // func 要执行的函数，wait要等待的时间-->
<!--    debounce(func, wait) {-->
<!--      let timeout-->
<!--      return function () {-->
<!--        // 清空定时器-->
<!--        if (timeout) clearTimeout(timeout)-->
<!--        timeout = setTimeout(func, wait)-->
<!--      }-->
<!--    },-->
<!--    getStageNodeList(val, e) {-->
<!--      if (e) {-->
<!--        queryDistinctNode({-->
<!--          serviceDataId: this.serviceDataId,-->
<!--          serviceAttributeValue: this.serviceAttributeValue,-->
<!--          stage: val.stage-->
<!--        }).then((res) => {-->
<!--          const list = []-->
<!--          if (val.stageNode) {-->
<!--            list.push({-->
<!--              value: val.stageNode,-->
<!--              label: val.stageNode-->
<!--            })-->
<!--          }-->
<!--          res.data.forEach((item) => {-->
<!--            if (item != val.stageNode) {-->
<!--              list.push({-->
<!--                value: item,-->
<!--                label: item-->
<!--              })-->
<!--            }-->
<!--          })-->
<!--          this.stageNodeList = list-->
<!--        })-->
<!--      }-->
<!--    },-->
<!--    blurUsername(val, e) {-->
<!--      val.stage = e.target.value-->
<!--    },-->
<!--    stageBlur(val, e) {-->
<!--      val.stageNode = e.target.value-->
<!--    },-->
<!--    photoTypeBlue(val, e) {-->
<!--      console.log(e)-->
<!--      val.photoType = e.target.value-->

<!--      if (-->
<!--        parseFloat(-->
<!--          val.id.charAt(val.id.length - 1)-->
<!--        ).toString() != 'NaN'-->
<!--      ) {-->
<!--        // console.log(val)-->
<!--        // console.log(val.id.substring(0, val.id.length - 1))-->
<!--        const index = this.relatePhotoInfo.findIndex(-->
<!--          (item) => {-->
<!--            return (-->
<!--              item.id ==-->
<!--              val.id.substring(0, val.id.length - 1)-->
<!--            )-->
<!--          }-->
<!--        )-->

<!--        if (-->
<!--          this.relatePhotoInfo[index].photoType ==-->
<!--          val.photoType-->
<!--        ) {-->
<!--          val.photoType = ''-->
<!--          this.$message(-->
<!--            '关联图和主图图片类型不能一样，请重新选择'-->
<!--          )-->
<!--        }-->
<!--      }-->
<!--    },-->
<!--    photoTypeChangeHandler(val, e) {-->
<!--      if (-->
<!--        parseFloat(-->
<!--          val.id.charAt(val.id.length - 1)-->
<!--        ).toString() != 'NaN'-->
<!--      ) {-->
<!--        // console.log(val)-->
<!--        // console.log(val.id.substring(0, val.id.length - 1))-->
<!--        const index = this.relatePhotoInfo.findIndex(-->
<!--          (item) => {-->
<!--            return (-->
<!--              item.id ==-->
<!--              val.id.substring(0, val.id.length - 1)-->
<!--            )-->
<!--          }-->
<!--        )-->

<!--        if (this.relatePhotoInfo[index].photoType == e) {-->
<!--          val.photoType = ''-->
<!--          this.$message(-->
<!--            '关联图和主图图片类型不能一样，请重新选择'-->
<!--          )-->
<!--        }-->
<!--      }-->
<!--    },-->

<!--    expandChange(e) {-->
<!--      // console.log(e)-->
<!--    },-->
<!--    rowClassName({ row, rowIndex }) {-->
<!--      row.orderNum = rowIndex + 1-->
<!--    },-->
<!--    tableRowClassName({ row, rowIndex }) {-->
<!--      if (rowIndex % 2 === 1) {-->
<!--        return 'light'-->
<!--      } else {-->
<!--        return ''-->
<!--      }-->
<!--    },-->
<!--    configData() {},-->
<!--    changeTab() {-->
<!--      this.configAppendixShow = !this.configAppendixShow-->
<!--      localStorage.setItem(-->
<!--        'configAppendixShow',-->
<!--        this.configAppendixShow-->
<!--      )-->
<!--    },-->
<!--    addRelateAppendix(e) {-->
<!--      const index = this.appendixInfo.indexOf(e)-->
<!--      if (index > -1) {-->
<!--        this.appendixInfo[index].children.push({-->
<!--          // id: e.id + (this.appendixInfo[index].children.length + 1),-->
<!--          stage: '',-->
<!--          stageNode: '',-->
<!--          appendixName: '',-->
<!--          uploadTime: '',-->
<!--          appendix: '',-->
<!--          disabled: false-->
<!--        })-->
<!--      }-->
<!--    },-->
<!--    appendixInfoDelete() {-->
<!--      if (this.appendixInfoMultipleSelection) {-->
<!--        this.appendixInfoMultipleSelection.forEach(-->
<!--          (val) => {-->
<!--            console.log(val)-->
<!--            if (val.pkid) {-->
<!--              this.appendixInfoDeleteIds.push(val.pkid)-->
<!--            }-->
<!--            // if (parseFloat(val.id.charAt(val.id.length - 1)).toString() != 'NaN') {-->
<!--            //   // console.log(val)-->
<!--            //   // console.log(val.id.substring(0, val.id.length - 1))-->
<!--            //   const index = this.appendixInfo.findIndex(item => {-->
<!--            //     return item.id == val.id.substring(0, val.id.length - 1)-->
<!--            //   })-->
<!--            //   // this.appendixInfo[index].children-->
<!--            //   const childindex = this.appendixInfo[index].children.indexOf(val)-->
<!--            //   this.appendixInfo[index].children.splice(childindex, 1)-->
<!--            // } else {-->
<!--            const index = this.appendixInfo.indexOf(val)-->
<!--            if (index > -1) {-->
<!--              this.appendixInfo.splice(index, 1)-->
<!--            }-->
<!--            // }-->
<!--          }-->
<!--        )-->
<!--        if (this.appendixInfoDeleteIds.length) {-->
<!--          deleteAttachment(-->
<!--            this.appendixInfoDeleteIds.toString()-->
<!--          ).then((res) => {-->
<!--            if (res.success) {-->
<!--              this.$message.success('删除成功')-->
<!--            }-->
<!--            this.initAttachmentList()-->
<!--            this.appendixInfoDeleteIds = []-->
<!--          })-->
<!--        }-->
<!--      }-->
<!--    },-->
<!--    appendixInfoEdit(val) {-->
<!--      console.log(val)-->
<!--      val.disabled = false-->
<!--      // const index = this.appendixInfo.indexOf(val)-->
<!--      // if (index > -1) {-->
<!--      //   this.appendixInfo[index].disabled = false-->
<!--      // }-->
<!--    },-->
<!--    cancelAppendixPhotoEdit(val) {-->
<!--      val.disabled = true-->
<!--    },-->
<!--    appendixInfoAdd() {-->
<!--      // const str =-->
<!--      //   'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ'-->
<!--      // let result = ''-->
<!--      // for (let i = 6; i > 0; &#45;&#45;i) {-->
<!--      //   result +=-->
<!--      //     str[Math.floor(Math.random() * str.length)]-->
<!--      // }-->
<!--      const isEditing = this.appendixInfo.every((item) => {-->
<!--        return item.disabled === true-->
<!--      })-->

<!--      if (!isEditing) {-->
<!--        this.$message('请先保存正在编辑的条目后再新增！')-->
<!--        return-->
<!--      }-->

<!--      this.appendixInfo.push({-->
<!--        // id: result,-->
<!--        stage: '',-->
<!--        stageNode: '',-->
<!--        appendixName: '',-->
<!--        uploadTime: '',-->
<!--        appendix: '',-->
<!--        disabled: false-->
<!--        // children: []-->
<!--      })-->
<!--    },-->
<!--    appendixInfoSelectionChange(val) {-->
<!--      this.appendixInfoMultipleSelection = val-->
<!--    },-->
<!--    saveAppendixPhoto(val) {-->
<!--      if (!val.stage) {-->
<!--        this.$message('请选择或者输入阶段后再进行上传')-->
<!--        return-->
<!--      }-->

<!--      this.isDisable = true-->
<!--      setTimeout(() => {-->
<!--        this.isDisable = false // 点击一次时隔两秒后才能再次点击-->
<!--      }, 2000)-->

<!--      if (this.configAppendixShow) {-->
<!--        const params = [-->
<!--          {-->
<!--            pkid: val.pkid,-->
<!--            fileId: val.fileId,-->
<!--            serviceDataId: this.serviceDataId, // 服务配置id-->
<!--            stage: val.stage, // 所属阶段-->
<!--            parentStageId: val.stageNode, // 父节点-->
<!--            attachmentName: val.appendixName, // 附件名称-->
<!--            attributeValue: this.serviceAttributeValue // 关键字-->
<!--          }-->
<!--        ]-->
<!--        if (val.pkid) {-->
<!--          updateAttachment(params).then((res) => {-->
<!--            console.log(res)-->
<!--            if (res.success) {-->
<!--              this.$message.success('保存成功')-->
<!--              this.initAttachmentList()-->
<!--            }-->
<!--          })-->
<!--        } else {-->
<!--          addAttachment(params).then((res) => {-->
<!--            if (res.success) {-->
<!--              console.log(res)-->
<!--              this.$message.success('保存成功')-->
<!--              this.initAttachmentList()-->
<!--            }-->
<!--          })-->
<!--        }-->
<!--      }-->
<!--    },-->
<!--    saveSinglePhoto(val) {-->
<!--      const params = [-->
<!--        {-->
<!--          pkid: val.pkid,-->
<!--          fileId: val.fileId,-->
<!--          serviceDataId: this.serviceDataId, // 服务配置id-->
<!--          pictureTime: val.photoTime, // 图片时间-->
<!--          parentId: val.parentId, // 父节点-->
<!--          pictureType: val.photoType, // 图片类型-->
<!--          introduction: val.photoIntro, // 图片介绍-->
<!--          attributeValue: this.serviceAttributeValue // 关键字-->
<!--        }-->
<!--      ]-->
<!--      if (val.pkid) {-->
<!--        updatePicture(params).then((res) => {-->
<!--          this.initPictureList()-->
<!--        })-->
<!--      } else {-->
<!--        addPicture(params).then((res) => [-->
<!--          this.initPictureList()-->
<!--        ])-->
<!--      }-->
<!--    },-->
<!--    uploadAppendixPhoto(val) {-->
<!--      // if (parseFloat(val.id.charAt(val.id.length - 1)).toString() != 'NaN') {-->
<!--      //   // console.log(val)-->
<!--      //   // console.log(val.id.substring(0, val.id.length - 1))-->
<!--      //   const index = this.appendixInfo.findIndex(item => {-->
<!--      //     return item.id == val.id.substring(0, val.id.length - 1)-->
<!--      //   })-->
<!--      //   // this.appendixInfo[index].children-->
<!--      //   const childindex = this.appendixInfo[index].children.indexOf(val)-->
<!--      //   this.selectFile().then((res) => {-->
<!--      //     const file = res.file-->
<!--      //     this.beforeUpload(file, this.appendixInfo[index].children[childindex])-->
<!--      //   })-->
<!--      // } else {-->
<!--      const index = this.appendixInfo.indexOf(val)-->
<!--      this.selectFile().then((res) => {-->
<!--        const file = res.file-->
<!--        this.beforeUpload(file, this.appendixInfo[index])-->
<!--      })-->
<!--      // }-->
<!--    },-->

<!--    uploadSinglePhoto(e) {-->
<!--      console.log(e)-->
<!--      const index = this.singlePhotoInfo.indexOf(e)-->
<!--      this.selectFile().then((res) => {-->
<!--        const file = res.file-->
<!--        this.beforeUpload(file, this.singlePhotoInfo[index])-->
<!--      })-->
<!--    },-->
<!--    uploadRelatePhoto(val) {-->
<!--      if (-->
<!--        parseFloat(-->
<!--          val.id.charAt(val.id.length - 1)-->
<!--        ).toString() != 'NaN'-->
<!--      ) {-->
<!--        // console.log(val)-->
<!--        // console.log(val.id.substring(0, val.id.length - 1))-->
<!--        const index = this.relatePhotoInfo.findIndex(-->
<!--          (item) => {-->
<!--            return (-->
<!--              item.id ==-->
<!--              val.id.substring(0, val.id.length - 1)-->
<!--            )-->
<!--          }-->
<!--        )-->
<!--        // this.relatePhotoInfo[index].children-->
<!--        const childindex =-->
<!--          this.relatePhotoInfo[index].children.indexOf(val)-->
<!--        this.selectFile().then((res) => {-->
<!--          const file = res.file-->
<!--          this.beforeUpload(-->
<!--            file,-->
<!--            this.relatePhotoInfo[index].children[childindex]-->
<!--          )-->
<!--        })-->
<!--      } else {-->
<!--        const index = this.relatePhotoInfo.indexOf(val)-->
<!--        this.selectFile().then((res) => {-->
<!--          const file = res.file-->
<!--          this.beforeUpload(-->
<!--            file,-->
<!--            this.relatePhotoInfo[index]-->
<!--          )-->
<!--        })-->
<!--      }-->
<!--    },-->
<!--    getFileType(name) {-->
<!--      const startIndex = name.lastIndexOf('.')-->
<!--      if (startIndex !== -1) {-->
<!--        return name.slice(startIndex + 1).toLowerCase()-->
<!--      } else {-->
<!--        return ''-->
<!--      }-->
<!--    },-->
<!--    beforeUpload(file, obj) {-->
<!--      if (file.size / (1024 * 1024) > 10) {-->
<!--        // 限制文件大小-->
<!--        this.$message.warning('当前限制文件大小不能大于10M')-->
<!--        return false-->
<!--      }-->
<!--      const suffix = this.getFileType(file.name) // 获取文件后缀名-->
<!--      let suffixArray = ['png', 'jpg']-->
<!--      if (this.configAppendixShow) {-->
<!--        suffixArray = ['pdf']-->
<!--      }-->
<!--      // 限制的文件类型，根据情况自己定义-->
<!--      if (suffixArray.indexOf(suffix) === -1) {-->
<!--        this.$message({-->
<!--          message: '文件格式错误',-->
<!--          type: 'error',-->
<!--          duration: 2000-->
<!--        })-->
<!--        return false-->
<!--      }-->
<!--      const formdata = new FormData()-->
<!--      formdata.append('file', file)-->
<!--      // console.log(file)-->
<!--      noticeFileUpload(formdata).then((res) => {-->
<!--        if (res.data) {-->
<!--          this.$message.success('文件上传成功')-->
<!--          obj.fileId = res.data-->
<!--          obj.appendix = file.name-->
<!--          obj.photo = file.name-->
<!--        }-->
<!--      })-->
<!--    },-->
<!--    selectFile(accept) {-->
<!--      return new Promise((resolve, reject) => {-->
<!--        const fileInput = document.createElement('input')-->
<!--        fileInput.type = 'file'-->
<!--        fileInput.accept = accept-->
<!--        fileInput.click()-->
<!--        fileInput.onchange = function (event) {-->
<!--          const file = event.target.files[0]-->
<!--          resolve({ message: true, event, file })-->
<!--        }-->
<!--      })-->
<!--    },-->
<!--    singlePhotoDelete() {-->
<!--      if (this.singlePhotoMultipleSelection) {-->
<!--        this.singlePhotoMultipleSelection.forEach((val) => {-->
<!--          const index = this.singlePhotoInfo.indexOf(val)-->
<!--          if (val.pkid) {-->
<!--            this.singlePhotoDeleteIds.push(val.pkid)-->
<!--          }-->
<!--          if (index > -1) {-->
<!--            this.singlePhotoInfo.splice(index, 1)-->
<!--          }-->
<!--        })-->

<!--        if (this.singlePhotoDeleteIds.length) {-->
<!--          deletePicture(-->
<!--            this.singlePhotoDeleteIds.toString()-->
<!--          ).then((res) => {-->
<!--            this.initPictureList()-->
<!--            this.singlePhotoDeleteIds = []-->
<!--          })-->
<!--        }-->
<!--      }-->
<!--    },-->
<!--    singlePhotoInfoEdit(val) {-->
<!--      val.disabled = false-->
<!--    },-->
<!--    relatePhotoEdit(val) {-->
<!--      val.disabled = false-->
<!--    },-->
<!--    cancelRelatePhotoEdit(val) {-->
<!--      val.disabled = true-->
<!--    },-->
<!--    singlePhotoAdd() {-->
<!--      this.singlePhotoInfo.push({-->
<!--        photoType: '',-->
<!--        photoIntro: '',-->
<!--        photoTime: '',-->
<!--        uploadTime: '',-->
<!--        photo: '',-->
<!--        disabled: false-->
<!--      })-->
<!--    },-->
<!--    singlePhotoInfoSelectionChange(val) {-->
<!--      this.singlePhotoMultipleSelection = val-->
<!--    },-->
<!--    relatePhotoDelete() {-->
<!--      if (this.relatePhotoMultipleSelection) {-->
<!--        this.relatePhotoMultipleSelection.forEach((val) => {-->
<!--          console.log(val)-->
<!--          if (val.pkid) {-->
<!--            this.relatePhotoDeleteIds.push(val.pkid)-->
<!--          }-->
<!--          if (-->
<!--            parseFloat(-->
<!--              val.id.charAt(val.id.length - 1)-->
<!--            ).toString() != 'NaN'-->
<!--          ) {-->
<!--            // console.log(val)-->
<!--            // console.log(val.id.substring(0, val.id.length - 1))-->
<!--            const index = this.relatePhotoInfo.findIndex(-->
<!--              (item) => {-->
<!--                return (-->
<!--                  item.id ==-->
<!--                  val.id.substring(0, val.id.length - 1)-->
<!--                )-->
<!--              }-->
<!--            )-->
<!--            // this.relatePhotoInfo[index].children-->
<!--            const childindex =-->
<!--              this.relatePhotoInfo[index].children.indexOf(-->
<!--                val-->
<!--              )-->
<!--            this.relatePhotoInfo[index].children.splice(-->
<!--              childindex,-->
<!--              1-->
<!--            )-->
<!--          } else {-->
<!--            const index = this.relatePhotoInfo.indexOf(val)-->
<!--            if (index > -1) {-->
<!--              this.relatePhotoInfo.splice(index, 1)-->
<!--            }-->
<!--          }-->
<!--        })-->
<!--        if (this.relatePhotoDeleteIds.length) {-->
<!--          deletePicture(-->
<!--            this.relatePhotoDeleteIds.toString()-->
<!--          ).then((res) => {-->
<!--            if (res.success) {-->
<!--              this.$message.success('删除成功')-->
<!--            }-->
<!--            this.initPictureList()-->
<!--            this.relatePhotoDeleteIds = []-->
<!--          })-->
<!--        }-->
<!--      }-->
<!--    },-->
<!--    relatePhotoAdd() {-->
<!--      const isEditing = this.relatePhotoInfo.every(-->
<!--        (item) => {-->
<!--          if (-->
<!--            item.children.length &&-->
<!--            item.disabled === true-->
<!--          ) {-->
<!--            return item.children.every((val) => {-->
<!--              return val.disabled === true-->
<!--            })-->
<!--          } else {-->
<!--            return item.disabled === true-->
<!--          }-->
<!--        }-->
<!--      )-->
<!--      console.log(isEditing)-->
<!--      if (!isEditing) {-->
<!--        this.$message('请先保存正在编辑的条目后再新增！')-->
<!--        return-->
<!--      }-->

<!--      const str =-->
<!--        'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ'-->
<!--      let result = ''-->
<!--      for (let i = 6; i > 0; &#45;&#45;i) {-->
<!--        result +=-->
<!--          str[Math.floor(Math.random() * str.length)]-->
<!--      }-->
<!--      this.relatePhotoInfo.push({-->
<!--        id: result,-->
<!--        photoType: '',-->
<!--        photoIntro: '',-->
<!--        photoTime: '',-->
<!--        uploadTime: '',-->
<!--        appendix: '',-->
<!--        children: []-->
<!--      })-->
<!--    },-->
<!--    relatePhotoInfoSelectionChange(val) {-->
<!--      this.relatePhotoMultipleSelection = val-->
<!--    },-->
<!--    addRelatePhoto(e) {-->
<!--      const index = this.relatePhotoInfo.indexOf(e)-->
<!--      if (index > -1) {-->
<!--        const isEditing = this.relatePhotoInfo[-->
<!--          index-->
<!--        ].children.every((item) => {-->
<!--          return item.disabled === true-->
<!--        })-->
<!--        // let isEdit-->
<!--        // this.relatePhotoInfo.forEach(item => {-->
<!--        //   if (item === this.relatePhotoInfo[index]) {-->
<!--        //     return-->
<!--        //   } else {-->
<!--        //     if (!item.disabled) {-->
<!--        //       isEdit = false-->
<!--        //     }-->
<!--        //   }-->
<!--        //   // console.log(item)-->
<!--        // })-->
<!--        // // console.log(isEdit)-->
<!--        if (!isEditing) {-->
<!--          this.$message('请先保存正在编辑的条目后再新增！')-->
<!--          return-->
<!--        }-->
<!--        this.relatePhotoInfo[index].children.push({-->
<!--          id:-->
<!--            e.id +-->
<!--            (this.relatePhotoInfo[index].children.length +-->
<!--              1),-->
<!--          photoType: '',-->
<!--          photoIntro: '',-->
<!--          photoTime: '',-->
<!--          uploadTime: '',-->
<!--          appendix: ''-->
<!--        })-->
<!--      }-->
<!--    },-->
<!--    saveRelatePhoto(val) {-->
<!--      if (!val.photoType) {-->
<!--        this.$message('请选择或者输入图片类型后再进行上传')-->
<!--        return-->
<!--      }-->
<!--      console.log(val)-->

<!--      const params = [-->
<!--        {-->
<!--          pkid: val.pkid,-->
<!--          fileId: val.fileId,-->
<!--          serviceDataId: this.serviceDataId, // 服务配置id-->
<!--          pictureTime: val.photoTime, // 图片时间-->
<!--          parentId: val.parentId, // 父节点-->
<!--          pictureType: val.photoType, // 图片类型-->
<!--          introduction: val.photoIntro, // 图片介绍-->
<!--          attributeValue: this.serviceAttributeValue // 关键字-->
<!--        }-->
<!--      ]-->
<!--      if (-->
<!--        parseFloat(-->
<!--          val.id.charAt(val.id.length - 1)-->
<!--        ).toString() != 'NaN'-->
<!--      ) {-->
<!--        const index = this.relatePhotoInfo.findIndex(-->
<!--          (item) => {-->
<!--            return (-->
<!--              item.id ==-->
<!--              val.id.substring(0, val.id.length - 1)-->
<!--            )-->
<!--          }-->
<!--        )-->
<!--        if (-->
<!--          val.photoType ==-->
<!--          this.relatePhotoInfo[index].photoType-->
<!--        ) {-->
<!--          this.$message(-->
<!--            '关联图和主图图片类型不能一样，请重新选择'-->
<!--          )-->
<!--          return-->
<!--        }-->
<!--      }-->

<!--      this.isDisable = true-->
<!--      setTimeout(() => {-->
<!--        this.isDisable = false // 点击一次时隔两秒后才能再次点击-->
<!--      }, 2000)-->

<!--      if (val.pkid) {-->
<!--        updatePicture(params).then((res) => {-->
<!--          if (res.success) {-->
<!--            this.$message.success('保存成功')-->
<!--            this.initPictureList()-->
<!--          }-->
<!--        })-->
<!--      } else {-->
<!--        // addPicture(params).then(res => [-->
<!--        //   this.initPictureList()-->
<!--        // ])-->
<!--        if (-->
<!--          parseFloat(-->
<!--            val.id.charAt(val.id.length - 1)-->
<!--          ).toString() != 'NaN'-->
<!--        ) {-->
<!--          // console.log(val)-->
<!--          // console.log(val.id.substring(0, val.id.length - 1))-->
<!--          const index = this.relatePhotoInfo.findIndex(-->
<!--            (item) => {-->
<!--              return (-->
<!--                item.id ==-->
<!--                val.id.substring(0, val.id.length - 1)-->
<!--              )-->
<!--            }-->
<!--          )-->
<!--          // this.relatePhotoInfo[index].children-->
<!--          const parentId = this.relatePhotoInfo[index].pkid-->
<!--          params[0].parentId = parentId-->
<!--          console.log(params)-->
<!--          addPicture(params).then((res) => {-->
<!--            if (res.success) {-->
<!--              this.$message.success('保存成功')-->
<!--              this.initPictureList()-->
<!--            }-->
<!--          })-->
<!--        } else {-->
<!--          // const index = this.relatePhotoInfo.indexOf(val)-->
<!--          // if (index > -1) {-->
<!--          //   this.relatePhotoInfo.splice(index, 1)-->
<!--          // }-->
<!--          addPicture(params).then((res) => {-->
<!--            if (res.success) {-->
<!--              this.$message.success('保存成功')-->
<!--              this.initPictureList()-->
<!--            }-->
<!--          })-->
<!--        }-->
<!--      }-->
<!--    },-->
<!--    downloadFile(data) {-->
<!--      console.log(data)-->
<!--      noticeFileDownload(data.fileId).then((res) => {-->
<!--        const blob = new Blob([res]) // 把得到的结果用流对象转一下-->
<!--        var a = document.createElement('a') // 创建一个<a></a>标签-->
<!--        a.href = URL.createObjectURL(blob) // 将流文件写入a标签的href属性值-->
<!--        a.download = data.appendix // 设置文件名-->
<!--        a.style.display = 'none' // 障眼法藏起来a标签-->
<!--        document.body.appendChild(a) // 将a标签追加到文档对象中-->
<!--        a.click() // 模拟点击了a标签，会触发a标签的href的读取，浏览器就会自动下载了-->
<!--        a.remove() // 一次性的，用完就删除a标签-->
<!--      })-->
<!--    },-->
<!--    saveAll() {-->
<!--      const updateList = []-->
<!--      const addList = []-->
<!--      if (this.configAppendixShow) {-->
<!--        console.log(this.appendixInfo)-->
<!--        this.appendixInfo.forEach((item) => {-->
<!--          const children = []-->
<!--          if (item.children.length) {-->
<!--            item.children.forEach((val) => {-->
<!--              if (val.pkid) {-->
<!--                children.push({-->
<!--                  pkid: val.pkid,-->
<!--                  fileId: val.fileId,-->
<!--                  serviceDataId: this.serviceDataId, // 服务配置id-->
<!--                  stage: val.stage, // 所属阶段-->
<!--                  parentStageId: val.stageNode, // 父节点-->
<!--                  attachmentName: val.appendixName, // 附件名称-->
<!--                  attributeValue: this.serviceAttributeValue // 关键字-->
<!--                })-->
<!--              } else {-->
<!--                addList.push({-->
<!--                  pkid: val.pkid,-->
<!--                  fileId: val.fileId,-->
<!--                  serviceDataId: this.serviceDataId, // 服务配置id-->
<!--                  stage: val.stage, // 所属阶段-->
<!--                  parentStageId: item.pkid, // 父节点-->
<!--                  attachmentName: val.appendixName, // 附件名称-->
<!--                  attributeValue: this.serviceAttributeValue // 关键字-->
<!--                })-->
<!--              }-->
<!--            })-->
<!--          }-->
<!--          if (item.pkid) {-->
<!--            updateList.push({-->
<!--              pkid: item.pkid,-->
<!--              fileId: item.fileId,-->
<!--              serviceDataId: this.serviceDataId, // 服务配置id-->
<!--              stage: item.stage, // 所属阶段-->
<!--              parentStageId: item.stageNode, // 父节点-->
<!--              attachmentName: item.appendixName, // 附件名称-->
<!--              children: children,-->
<!--              attributeValue: this.serviceAttributeValue // 关键字-->
<!--            })-->
<!--          } else {-->
<!--            addList.push({-->
<!--              pkid: item.pkid,-->
<!--              fileId: item.fileId,-->
<!--              serviceDataId: this.serviceDataId, // 服务配置id-->
<!--              stage: item.stage, // 所属阶段-->
<!--              parentStageId: '', // 父节点-->
<!--              children: children,-->
<!--              attachmentName: item.appendixName, // 附件名称-->
<!--              attributeValue: this.serviceAttributeValue // 关键字-->
<!--            })-->
<!--          }-->
<!--        })-->
<!--        // 先删除，再添加，再更新-->
<!--        if (this.appendixInfoDeleteIds.length) {-->
<!--          deleteAttachment(-->
<!--            this.appendixInfoDeleteIds.toString()-->
<!--          ).then((res) => {-->
<!--            console.log(res)-->
<!--          })-->
<!--        }-->
<!--        if (addList.length) {-->
<!--          addAttachment(addList).then((res) => {-->
<!--            console.log(res)-->
<!--          })-->
<!--        }-->
<!--        if (updateList.length) {-->
<!--          updateAttachment(updateList).then((res) => {-->
<!--            console.log(res)-->
<!--          })-->
<!--        }-->
<!--      } else {-->
<!--        if (this.singleUploadShow) {-->
<!--          this.singlePhotoInfo.forEach((item) => {-->
<!--            if (item.pkid) {-->
<!--              updateList.push({-->
<!--                pkid: item.pkid,-->
<!--                fileId: item.fileId,-->
<!--                serviceDataId: this.serviceDataId, // 服务配置id-->
<!--                pictureTime: item.photoTime, // 图片时间-->
<!--                parentId: item.parentId, // 父节点-->
<!--                pictureType: item.photoType, // 图片类型-->
<!--                introduction: item.photoIntro, // 图片介绍-->
<!--                attributeValue: this.serviceAttributeValue // 关键字-->
<!--              })-->
<!--            } else {-->
<!--              addList.push({-->
<!--                fileId: item.fileId,-->
<!--                serviceDataId: this.serviceDataId, // 服务配置id-->
<!--                pictureTime: item.photoTime, // 图片时间-->
<!--                parentId: '', // 父节点-->
<!--                pictureType: item.photoType, // 图片类型-->
<!--                introduction: item.photoIntro, // 图片介绍-->
<!--                attributeValue: this.serviceAttributeValue // 关键字-->
<!--              })-->
<!--            }-->
<!--          })-->
<!--          if (this.singlePhotoDeleteIds.length) {-->
<!--            deletePicture(-->
<!--              this.singlePhotoDeleteIds.toString()-->
<!--            ).then((res) => {-->
<!--              console.log(res)-->
<!--            })-->
<!--          }-->
<!--          if (addList.length) {-->
<!--            addPicture(addList).then((res) => {-->
<!--              console.log(res)-->
<!--            })-->
<!--          }-->
<!--          if (updateList.length) {-->
<!--            updatePicture(updateList).then((res) => {-->
<!--              console.log(res)-->
<!--            })-->
<!--          }-->
<!--        } else {-->
<!--          this.relatePhotoInfo.forEach((item, index) => {-->
<!--            const children = []-->
<!--            if (item.children.length) {-->
<!--              item.children.forEach((val) => {-->
<!--                if (val.pkid) {-->
<!--                  children.push({-->
<!--                    pkid: val.pkid,-->
<!--                    fileId: val.fileId,-->
<!--                    serviceDataId: this.serviceDataId, // 服务配置id-->
<!--                    pictureTime: val.photoTime, // 图片时间-->
<!--                    parentId: val.parentId, // 父节点-->
<!--                    pictureType: val.photoType, // 图片类型-->
<!--                    introduction: val.photoIntro, // 图片介绍-->
<!--                    attributeValue:-->
<!--                      this.serviceAttributeValue // 关键字-->
<!--                  })-->
<!--                } else {-->
<!--                  if (item.pkid) {-->
<!--                    addList.push({-->
<!--                      pkid: val.pkid,-->
<!--                      fileId: val.fileId,-->
<!--                      serviceDataId: this.serviceDataId, // 服务配置id-->
<!--                      pictureTime: val.photoTime, // 图片时间-->
<!--                      parentId: item.pkid, // 父节点-->
<!--                      pictureType: val.photoType, // 图片类型-->
<!--                      introduction: val.photoIntro, // 图片介绍-->
<!--                      attributeValue:-->
<!--                        this.serviceAttributeValue // 关键字-->
<!--                    })-->
<!--                  } else {-->
<!--                    children.push({-->
<!--                      pkid: val.pkid,-->
<!--                      fileId: val.fileId,-->
<!--                      serviceDataId: this.serviceDataId, // 服务配置id-->
<!--                      pictureTime: val.photoTime, // 图片时间-->
<!--                      parentId: item.pkid, // 父节点-->
<!--                      pictureType: val.photoType, // 图片类型-->
<!--                      introduction: val.photoIntro, // 图片介绍-->
<!--                      attributeValue:-->
<!--                        this.serviceAttributeValue // 关键字-->
<!--                    })-->
<!--                  }-->
<!--                }-->
<!--              })-->
<!--            }-->
<!--            if (item.pkid) {-->
<!--              updateList.push({-->
<!--                pkid: item.pkid,-->
<!--                fileId: item.fileId,-->
<!--                serviceDataId: this.serviceDataId, // 服务配置id-->
<!--                pictureTime: item.photoTime, // 图片时间-->
<!--                parentId: item.parentId, // 父节点-->
<!--                pictureType: item.photoType, // 图片类型-->
<!--                introduction: item.photoIntro, // 图片介绍-->
<!--                attributeValue: this.serviceAttributeValue, // 关键字-->
<!--                children: children-->
<!--              })-->
<!--            } else {-->
<!--              addList.push({-->
<!--                fileId: item.fileId,-->
<!--                serviceDataId: this.serviceDataId, // 服务配置id-->
<!--                pictureTime: item.photoTime, // 图片时间-->
<!--                parentId: '', // 父节点-->
<!--                pictureType: item.photoType, // 图片类型-->
<!--                introduction: item.photoIntro, // 图片介绍-->
<!--                attributeValue: this.serviceAttributeValue, // 关键字-->
<!--                children: children-->
<!--              })-->
<!--            }-->
<!--          })-->
<!--          if (this.relatePhotoDeleteIds.length) {-->
<!--            deletePicture(-->
<!--              this.relatePhotoDeleteIds.toString()-->
<!--            ).then((res) => {-->
<!--              console.log(res)-->
<!--            })-->
<!--          }-->
<!--          if (addList.length) {-->
<!--            addPicture(addList).then((res) => {-->
<!--              console.log(res)-->
<!--            })-->
<!--          }-->
<!--          if (updateList.length) {-->
<!--            updatePicture(updateList).then((res) => {-->
<!--              console.log(res)-->
<!--            })-->
<!--          }-->
<!--        }-->
<!--      }-->
<!--    }-->
<!--  }-->
<!--}-->
<!--</script>-->

<!--<style lang="scss" scoped>-->
<!--.body {-->
<!--  width: 100%;-->
<!--  height: 100%;-->
<!--  padding: 18px 15px 15px 16px;-->

<!--  .buttons {-->
<!--    float: right;-->

<!--    div {-->
<!--      display: inline-block;-->
<!--      margin-left: 23px;-->
<!--      color: #497fa3;-->
<!--    }-->

<!--    ::v-deep .el-button {-->
<!--      background: #497fa3;-->
<!--      border: 1px solid #497fa3;-->
<!--      padding: 0;-->
<!--      width: 80px;-->
<!--      height: 34px;-->
<!--      margin-left: 23px;-->
<!--      color: white !important;-->
<!--    }-->
<!--  }-->

<!--  &_left {-->
<!--    width: 296px;-->
<!--    height: 100%;-->
<!--  }-->

<!--  &_main {-->
<!--    width: 100%;-->
<!--    background: white;-->
<!--    padding: 15px 30px;-->
<!--    border-radius: 2px;-->

<!--    .line {-->
<!--      margin-top: 12px;-->
<!--      width: 1600px;-->
<!--      height: 1px;-->
<!--      background: #f1f1f1;-->
<!--      //margin-bottom: 23px;-->
<!--    }-->

<!--    ::v-deep.light {-->
<!--      background: #f9fcff;-->
<!--      border: 1px solid #f2f6fb !important;-->
<!--    }-->

<!--    ::v-deep .el-table__row {-->
<!--      .el-table__cell {-->
<!--        padding: 0 !important;-->
<!--        color: #4c565c;-->
<!--      }-->
<!--    }-->

<!--    ::v-deep {-->
<!--      th {-->
<!--        height: 42px;-->
<!--        padding: 0;-->
<!--      }-->

<!--      //tr th:first-of-type label {-->
<!--      //  display: none;-->
<!--      //}-->

<!--      .cell {-->
<!--        padding: 0 !important;-->
<!--      }-->

<!--      .el-select {-->
<!--        width: 100% !important;-->
<!--      }-->

<!--      td {-->
<!--        padding: 0;-->
<!--      }-->

<!--      input {-->
<!--        height: 41px;-->
<!--        padding: 0;-->
<!--        border: 0 !important;-->
<!--      }-->
<!--    }-->
<!--  }-->
<!--}-->

<!--.select-pro {-->
<!--  margin-top: 10px;-->
<!--}-->

<!--.config_info_tab {-->
<!--  margin: 10px 20px;-->
<!--}-->

<!--.config_appendix {-->
<!--  &_top {-->
<!--    display: flex;-->
<!--    height: 52px;-->
<!--    justify-content: space-between;-->
<!--  }-->

<!--  &_title {-->
<!--    width: 100px;-->
<!--    margin-left: 22px;-->
<!--    margin-top: 14px;-->
<!--    //position: relative;-->
<!--    //text-align: center;-->

<!--    &_left {-->
<!--      display: inline-block;-->
<!--      width: 4px;-->
<!--      height: 14px;-->
<!--      //background: linear-gradient(180deg, #40ebff, #bcf8ff);-->
<!--    }-->
<!--  }-->

<!--  &_content {-->
<!--    margin-left: 22px;-->
<!--  }-->

<!--  ::v-deep {-->
<!--    th {-->
<!--      height: 42px;-->
<!--      padding: 0;-->
<!--    }-->

<!--    //tr th:first-of-type label {-->
<!--    //  display: none;-->
<!--    //}-->

<!--    td {-->
<!--      padding: 0;-->
<!--    }-->

<!--    input {-->
<!--      height: 41px;-->
<!--      padding: 0;-->
<!--      border: 0 !important;-->
<!--    }-->
<!--  }-->
<!--}-->

<!--::v-deep {-->
<!--  .el-radio-button__inner {-->
<!--    background: white;-->
<!--    color: #4c565c;-->
<!--    border: none;-->
<!--    border-left: none;-->
<!--    border-right: none;-->
<!--    height: 30px;-->
<!--    line-height: 5px;-->

<!--    &:hover {-->
<!--      background: rgba(76, 86, 92, 0.5);-->
<!--      color: white;-->
<!--    }-->
<!--  }-->

<!--  .el-radio-button__orig-radio:checked-->
<!--    + .el-radio-button__inner {-->
<!--    background: #4c565c;-->
<!--    color: white;-->
<!--    border: none;-->
<!--    box-shadow: none;-->
<!--  }-->

<!--  .el-input__inner {-->
<!--    text-align: center;-->
<!--  }-->
<!--}-->

<!--.upload-type {-->
<!--  margin: 20px;-->
<!--}-->
<!--</style>-->
